<template>
  <div class="css">css</div>
  <svg data-v-e16a4b11="" width="480" height="306">
    <defs data-v-e16a4b11="">
      <filter data-v-e16a4b11="" id="border-box-04-filterId-id_3gpz7uqn0ti000" height="150%" width="150%" x="-25%"
        y="-25%">
        <feMorphology data-v-e16a4b11="" operator="dilate" radius="2" in="SourceAlpha" result="thicken"></feMorphology>
        <feGaussianBlur data-v-e16a4b11="" in="thicken" stdDeviation="3" result="blurred"></feGaussianBlur>
        <feFlood data-v-e16a4b11="" flood-color="#1f33a2" result="glowColor"></feFlood>
        <feComposite data-v-e16a4b11="" in="glowColor" in2="blurred" operator="in" result="softGlowColored">
        </feComposite>
        <feMerge data-v-e16a4b11="">
          <feMergeNode data-v-e16a4b11="" in="softGlowColored"></feMergeNode>
          <feMergeNode data-v-e16a4b11="" in="SourceGraphic"></feMergeNode>
        </feMerge>
      </filter>
    </defs>
    <polygon data-v-e16a4b11="" fill="#00000000" points="
        20, 32 115, 32 135, 53
        345, 53 365, 32
        460, 32 472, 48 472, 281 460, 298
        20, 298 8, 281 8, 50
      "></polygon>
    <polyline data-v-e16a4b11="" fill="#00000000" stroke="#8aaafb"
      filter="url(#border-box-04-filterId-id_3gpz7uqn0ti000)" points="
          115, 30
          20, 30 7, 50 7, 119.5
          13, 124.5 13, 204.5
          7, 209.5 7, 279
          20, 299 460, 299 473, 279
          473, 209.5 467, 204.5
          467, 124.5 473, 119.5
          473, 50 460, 30 365, 30
          345, 7 135, 7
          115, 30 135, 52
          345, 52 365, 30
        "></polyline>
    <polygon data-v-e16a4b11="" stroke="#8aaafb" fill="transparent" points="
          360, 30 344, 11
          338, 11 357, 34
        "></polygon>
    <polygon data-v-e16a4b11="" stroke="#8aaafb" fill="transparent" points="
          120, 30 137, 49
          143, 49 123, 26
        "></polygon>
    <polygon data-v-e16a4b11="" stroke="#8aaafb" fill="#1f33a2" filter="url(#border-box-04-filterId-id_3gpz7uqn0ti000)"
      points="
          354, 37 333, 11
          138, 11 126, 23
          148, 49 343, 49
        "></polygon>
    <polygon data-v-e16a4b11="" filter="url(#border-box-04-filterId-id_3gpz7uqn0ti000)" fill="#8aaafb" opacity="1"
      points="
          105, 37 84, 37
          90, 46 111, 46
        ">
      <animate data-v-e16a4b11="" attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s" repeatCount="indefinite">
      </animate>
    </polygon>
    <polygon data-v-e16a4b11="" filter="url(#border-box-04-filterId-id_3gpz7uqn0ti000)" fill="#8aaafb" opacity="0.7"
      points="
          75, 37 54, 37
          60, 46 81, 46
        ">
      <animate data-v-e16a4b11="" attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
        repeatCount="indefinite"></animate>
    </polygon>
    <polygon data-v-e16a4b11="" filter="url(#border-box-04-filterId-id_3gpz7uqn0ti000)" fill="#8aaafb" opacity="0.5"
      points="
          45, 37 24, 37
          30, 46 51, 46
        ">
      <animate data-v-e16a4b11="" attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
        repeatCount="indefinite"></animate>
    </polygon>
    <polygon data-v-e16a4b11="" filter="url(#border-box-04-filterId-id_3gpz7uqn0ti000)" fill="#8aaafb" opacity="1"
      points="
          395, 37 374, 37
          368, 46 389, 46
        ">
      <animate data-v-e16a4b11="" attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s" repeatCount="indefinite">
      </animate>
    </polygon>
    <polygon data-v-e16a4b11="" filter="url(#border-box-04-filterId-id_3gpz7uqn0ti000)" fill="#8aaafb" opacity="0.7"
      points="
          425, 37 404, 37
          398, 46 419, 46
        ">
      <animate data-v-e16a4b11="" attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
        repeatCount="indefinite"></animate>
    </polygon>
    <polygon data-v-e16a4b11="" filter="url(#border-box-04-filterId-id_3gpz7uqn0ti000)" fill="#8aaafb" opacity="0.5"
      points="
          455, 37 434, 37
          428, 46 449, 46
        ">
      <animate data-v-e16a4b11="" attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
        repeatCount="indefinite"></animate>
    </polygon><text data-v-e16a4b11="" x="240" y="32" fill="#fff" font-size="18" text-anchor="middle"
      dominant-baseline="middle">边框-04</text>
    <polygon data-v-e16a4b11="" fill="#8aaafb" filter="url(#border-box-04-filterId-id_3gpz7uqn0ti000)" points="
          7, 122.5 11, 126.5
          11, 202.5 7, 206.5
        "></polygon>
    <polygon data-v-e16a4b11="" fill="#8aaafb" filter="url(#border-box-04-filterId-id_3gpz7uqn0ti000)" points="
          473, 122.5 469, 126.5
          469, 202.5 473, 206.5
        "></polygon>
  </svg>
</template>

<script lang="ts" setup>
</script>

<style lang="scss" scoped></style>